// 这个request文件 axios实例的封装 请求拦截器 响应拦截器 ...
// 导入 json-bigint
import JSONbig from 'json-bigint'
import axios from 'axios'
// 导入vuex
import store from '@/store'
// 导入路由
import router from '@/router'
// 导入获取请求新token api
import { reqGetNewToken } from '@/api/user'
// 原地址: http://ttapi.research.itcast.cn/app/
// 现地址: http://toutiao-app.itheima.net/，需要去掉/app路径
// 原接口：url: '/app/v1_1/articles'，现在需要删除'app'：url: '/v1_1/articles'
// 创建axios实例
const instance = axios.create({
  baseURL: 'http://toutiao-app.itheima.net/',
  timeout: 5000,
  // 转换响应, 默认会将axios默认的返回的操作覆盖掉
  // 这个节点修改响应数据
  transformResponse: [function (data) {
    // 对 data 进行任意转换处理
    // data就是响应给前端的数据 字符串 JSON.parse(data) 处理不了大数字 使用JSON-bigint包来处理
    // 为了防止后端返回的数据有一些数据不是json字符串优化处理一下
    try {
      return JSONbig.parse(data)
    } catch (error) {
      return data
    }
  }]
})
// 挂载拦截器
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  console.log('拦截请求啦')
  // console.log(config) // 请求信息对象
  const token = store.state.user.tokenInfo.token
  // 请求信息对象中有header就是请求头,在这里挂载token
  if (token && !config.headers.Authorization) {
    config.headers.Authorization = 'Bearer ' + token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  console.log('success')
  // 对响应数据做点什么
  return response.data // 直接将需要的结果响应
}, async function (error) {
  // 对响应错误做点什么  这个函数响应失败会进入这个函数
  // console.dir(error) // error对象中有一个response对象这个对象中有一个属性 status 对应的状态码 是401
  if (error.response.status === 401) { // token异常(token过期或者没有登录)
    // 判断是否有refresh_token 如果有refresh_token 刷新一个新的token,没有直接去登录
    const refresh_token = store.state.user.tokenInfo.refresh_token
    console.log('refres_token值是' + refresh_token)
    if (refresh_token) {
      try { // 说明refreh_token是正确的,正确返回新token
        // 刷新一个新的token 肯定发请求 这次请求会被请求拦截器拦截,上面请求拦截器添加token的if条件要修改一下
        const res = await reqGetNewToken(refresh_token)
        const newToken = res.data.token // 获取到的最新的token
        // 提交存储新的tokenInfo的mutation
        store.commit('user/setTokenInfo', {
          token: newToken,
          refresh_token
        })
        // 自动发送上一次请求不需要手动刷新
        error.config.headers.Authorization = 'Bearer ' + newToken // 一定记得加这行
        // console.dir(error.config) // 上一次请求信息对象config中的headers的Authorization是过期(破坏)的token
        return instance(error.config) // instance是在上面创建axios实例的时候起的变量名 就是axios实例
      } catch (error) {
        // 说明refresh_token也有问题,清空本地vuex存的错误的数据,重新登录
        store.commit('user/removeTokenInfo')
        // 去登录页面, 有参数携带参数
        router.push({
          path: '/login',
          query: { // currentRoute 表示当前激活的路由信息对象
            backTo: router.currentRoute.fullPath // router.currentRoute.fullPath === this.$route.fullPath
          }
        })
      }
    } else {
      // 跳转之前 将vuex存的过期的token 本地存储过期的token字段全部清空
      // 提交一个清除tokenInfo mutation
      store.commit('user/removeTokenInfo')
      // 去登录页面, 有参数携带参数
      router.push({
        path: '/login',
        query: { // currentRoute 表示当前激活的路由信息对象
          backTo: router.currentRoute.fullPath // router.currentRoute.fullPath === this.$route.fullPath
        }
      })
    }
  }
  return Promise.reject(error)
})
// 导出axios实例 在main.js中导入并挂载给vue原型
export default instance

// token和refresh_token  token就是一个字符串(身份令牌)会过期1h小时 refresh_token刷新token  -- 双token
